import { ScrollBoard } from '@jiaminghi/data-view-react';
import chartStyle from './chartStyle.module.css';
function RightBottomChart() {
    const config = {
        header: ['列1', '列2', '列3','列4','列5'],
        data: [
          ['行1列1', '行1列2', '行1列3', '行1列4', '行1列5'],
          ['行2列1', '行2列2', '行2列3', '行2列4', '行2列5'],
          ['行3列1', '行3列2', '行3列3', '行3列4', '行3列5'],
          ['行4列1', '行4列2', '行4列3', '行4列4', '行4列5'],
          ['行5列1', '行5列2', '行5列3', '行5列4', '行5列5'],
          ['行6列1', '行6列2', '行6列3', '行6列4', '行6列5'],
          ['行7列1', '行7列2', '行7列3', '行7列4', '行7列5'],
          ['行8列1', '行8列2', '行8列3', '行8列4', '行8列5'],
          ['行9列1', '行9列2', '行9列3', '行9列4', '行9列5'],
          ['行10列1', '行10列2', '行10列3', '行10列4', '行10列5'],
          ['行11列1', '行11列2', '行11列3', '行11列4', '行11列5'],
          ['行12列1', '行12列2', '行12列3', '行12列4', '行12列5'],
          ['行13列1', '行13列2', '行13列3', '行13列4', '行13列5'],
          ['行14列1', '行14列2', '行14列3', '行14列4', '行14列5'],
          ['行15列1', '行15列2', '行15列3', '行15列4', '行15列5'],
          ['行16列1', '行16列2', '行16列3', '行16列4', '行16列5'],
          ['行17列1', '行17列2', '行17列3', '行17列4', '行17列5'],
          ['行18列1', '行18列2', '行18列3', '行18列4', '行18列5'],
          ['行19列1', '行19列2', '行19列3', '行19列4', '行19列5'],
          ['行20列1', '行20列2', '行20列3', '行20列4', '行20列5'],
          ['行21列1', '行21列2', '行21列3', '行21列4', '行21列5'],
        ],
        index: true,
        columnWidth: [50],
        align: ['center'],
        rowNum:10
      }
    return (
        <div className={chartStyle.chart_con}>
            <ScrollBoard config={config} style={{width: '555px', height: '565px'}} />
        </div>
    )
}
export default RightBottomChart;